<template>
    <div id="home">
        home
        <mt-swipe :auto="4000">
            <mt-swipe-item><img src="src/images/home/banners/banner1.jpeg" alt="banner1"/></mt-swipe-item>
            <mt-swipe-item><img src="src/images/home/banners/banner2.jpeg" alt="banner2"/></mt-swipe-item>
            <mt-swipe-item><img src="src/images/home/banners/banner3.jpeg" alt="banner3"/></mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
import "./home.css";
import Vue from "vue";
import {mapMutations,mapGetters} from "vuex";
import { Swipe, SwipeItem } from 'mint-ui'; //从mint-ui中引入轮播模块
export default {
    data(){
        return{

        }
    },
    // components:{
    //    Swipe:Swipe.name,
    //     SwipeItem:SwipeItem.name
    // },
    methods:{
        ...mapMutations(["changeCurMode"])
    },
    computed:{ 
      ...mapGetters(["myCount","myCurMode"])
    },
    created(){
        this.changeCurMode('主页')
    }
}
</script>